<template>
	<div>
		<div class="space">

		</div>
		<div id="tabar">
			<u-tabbar :value="value4" @change="changeName" :fixed="false" :placeholder="false" activeColor="#9013FE"
				:safeAreaInsetBottom="false">
				<u-tabbar-item text="首页" @click='homeEvent'>
					<image class="u-page__item__slot-icon" slot="active-icon" src="https://wx.sjcmhz.com/static/tabar/tabar9.png"></image>
					<image class="u-page__item__slot-icon" slot="inactive-icon" src="https://wx.sjcmhz.com/static/tabar/tabar8.png"></image>
				</u-tabbar-item>

				<u-tabbar-item text="主播" @click='anchorEvnet'>
					<image class="u-page__item__slot-icon" slot="active-icon" src="https://wx.sjcmhz.com/static/tabar/tabar5.png"></image>
					<image class="u-page__item__slot-icon" slot="inactive-icon" src="https://wx.sjcmhz.com/static/tabar/tabar6.png"></image>
				</u-tabbar-item>
				<u-tabbar-item text="房间" @click='roomEvent'>
					<image class="u-page__item__slot-icon" slot="active-icon" src="https://wx.sjcmhz.com/static/tabar/tabar1.png"></image>
					<image class="u-page__item__slot-icon" slot="inactive-icon" src="https://wx.sjcmhz.com/static/tabar/tabar2.png"></image>
				</u-tabbar-item>
				<u-tabbar-item text="设备" @click='sbEvnet'>
					<image class="u-page__item__slot-icon" slot="active-icon" src="https://wx.sjcmhz.com/static/tabar/tabar3.png"></image>
					<image class="u-page__item__slot-icon" slot="inactive-icon" src="https://wx.sjcmhz.com/static/tabar/tabar4.png"></image>
				</u-tabbar-item>
				<!-- "iconPath": "static/tabar/tabar14.png", -->
				<!-- "selectedIconPath": "static/tabar/tabar11.png", -->
				<u-tabbar-item text="我的" @click='infoEvent'>
					<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/tabar/tabar11.png"></image>
					<image class="u-page__item__slot-icon" slot="inactive-icon" src="@/static/tabar/tabar14.png">
					</image>
				</u-tabbar-item>
			</u-tabbar>
			<!-- js -->
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			value4: [Number, String]
		},
		data() {
			return {

			}
		},
		methods: {
			change1() {

			},
			infoEvent() {
				this.$utils.isLogin()
				uni.reLaunch({
					url: '/pagesA/index/my'
				})
			},
			homeEvent() {
				this.$utils.isLogin()
				uni.reLaunch({
					url: '/pagesA/index/index'
				})
			},
			sbEvnet() {
				this.$utils.isLogin()
				uni.reLaunch({
					url: '/pagesA/index/SB/index'
				})
			},
			anchorEvnet() {
				this.$utils.isLogin()
				uni.reLaunch({
					url: '/pagesA/index/anchorList/anchorList'
				})
			},
			roomEvent() {
				this.$utils.isLogin()
				uni.reLaunch({
					url: '/pagesA/index/room'
				})
			},
			changeName() {

			}
		}
	}
</script>

<style lang="scss">
	// .space {
	// 	width: 100%;
	// 	height: 150rpx;
	// 	z-index: -1;
	// }

	#tabar {
		position: fixed;
		bottom: 0;
		left: 0;
	}

	.u-page__item__slot-icon {
		width: 40rpx;
		height: 40rpx;
	}
</style>